<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style01.css">
</head>
<body>
    <div class="header">
        <input type="checkbox"id="display">
        <label for="display" class="display-btn">注册/登录</label>

        <div class="container">
            <label for="display" class="close-btn" title="close">&times;</label>

            <h1>用户登录</h1>
            <form action="#">
                <label>电子邮件、电话号码</label>
                <input type="text">

                <label>密码</label>
                <input type="password">

                <a href="#">忘记密码？</a>
                <button>登录</button>

                <div class="forgot">没有账号？<a href="#">注册</a></div>

            </form>
        </div>
    </div>
</body>
</html>